<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script>
        var map = new Map([['lisa', 88], ['bob', 99], ['tom', 97]]);
        console.log(map.get('tom'));
        var a = ['A', 'B', 'C'];
        var s = new Set(['A', 'B', 'C']);
        var m = new Map([[1, 'x'], [20, 'y'], [3, 'z']]);
        a.forEach(function(element,index,array){

            console.log(element+index);
        });

        // for (var x of a) { // 遍历Array
        //     console.log(x);
        // }
        // for (var x of s) { // 遍历Set
        //     console.log(x);
        // }
        // for (var x of m) { // 遍历Map
        //     console.log(x[0] + '=' + x[1]);
        // }
    </script>

</head>

<body>

</body>

</html>